<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>03_显示模式-块元素</title>

        <style>
            /*  - (1)比较霸道，自己独占一行。
                - (2)高度，宽度都可以控制。
                - (3)宽度默认自动填满父级的宽度，也可以人为设置宽度，
                    并且这个宽度可以大于或小于父级宽度。
                - (4)高度是由内容撑开的 
            */

            div {
                /* 如果没有设置宽度 那么会使用父元素的宽度 */
                width: 200px;
                /* 如果没有设置高度 那么高度则是内容撑开的 */
                height: 200px;
                border: 1px solid black;
            }


        </style>
    </head>
    <body>
        <div>
            今天没有晚自习 一点都不开心
        </div>

        希望大家今晚把明天的学完  明天就可以玩了
    </body>
</html>